
@mixin html-fs($size){
  font-size: $size/375 * 100px;
}

@media (max-width:320px){
  html{
    @include html-fs(320)
  }

}
@media (min-width:320px){
  html{
    @include html-fs(320)
  }
}
@media (min-width:340px){
  html{
    @include html-fs(340)
  }
}
@media (min-width:360px){
  html{
    @include html-fs(360)
  }
}
@media (min-width:375px){
  html{
    @include html-fs(375)
  }
}
@media (min-width:380px){
  html{
    @include html-fs(380)
  }
}
@media (min-width:410px){
  html{
    @include html-fs(410)
  }
}
@media (min-width:450px){
  html{
    @include html-fs(450)
  }
}
.wHide{
  display: none !important;
}
.mhidden {
  visibility: hidden;
}
.wVisno{
  visibility: hidden !important;
}
//.btn-loading {
//  background-image: url(/global/images/btn-loading.gif);
//  background-repeat: no-repeat;
//  background-size: 0.18rem 0.18rem;
//  background-position: center center;
//  overflow: hidden;
//  text-indent: -999rem;
//  width: 100%;
//  height: 100%;
//
//  ursor: not-allowed;
//  opacity: 0.65;
//  filter: alpha(opacity=65);
//}

.btn-loading {
  overflow: hidden;
  text-indent: -999rem;
  ursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  position: relative;
  width: 100%;
  height: 100%;
}
//.btn-loading:before {
//  content: "";
//  position: absolute;
//  width: 0.18rem;
//  height: 0.18rem;
//  display: block;
//  top: 50%;
//  left: 50%;
//  margin: -0.09rem 0 0 -0.09rem;
//  background-image: url(/global/images/btn-loading-new.svg);
//  background-repeat: no-repeat;
//  background-size: 0.18rem 0.18rem;
//  background-position: center center;
//  -webkit-animation:loader 1s linear infinite;animation:loader 1s linear infinite;
//}

@-webkit-keyframes loader {
  from{
    -webkit-transform:rotate(0deg) translateZ(0);
    transform:rotate(0deg) translateZ(0)
  }to{
    -webkit-transform:rotate(360deg) translateZ(0);
    transform:rotate(360deg) translateZ(0)
  }
}
@keyframes loader {
  from{
    -webkit-transform:rotate(0deg) translateZ(0);
    transform:rotate(0deg) translateZ(0)
  }to{
    -webkit-transform:rotate(360deg) translateZ(0);
    transform:rotate(360deg) translateZ(0)
  }
}

.bigImgBg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  z-index: 9999;

  .bigImg{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 10086;
  }
}